@CHARSET "UTF-8";
*{
    margin:0px;
    padding:0px;
}
.pageall{
    position: absolute;
}
.titleall{
    position: fixed;
    width:100%;
    height:30px;
    background-color: rgba(0,0,0,0.7);
    z-index: 20;
}
.titleph{
    position: absolute;
    width:20px;
    height:20px;
    margin-left:10px;
    margin-top:5px;
}
.titleword{
    font-size:11px;
    color:#FFF;
    position: absolute;
    margin-left: 40px;
    margin-top: 7px;
}
.contentall{
    position:absolute;
    border-top: 1px solid #999;
    margin-top:30px;
    margin-top:80px;
}
.createinfo{
    width:100%;
    height:45px;
    position: absolute;
    background-color: rgba(0,0,0,0.1);
    margin-top:32.5px;
}
.createinfo>div{
    color:#555;
    position: absolute;
    margin-top:14px;
    margin-left:15px;
    font-size:15px;
}
.rolenameadd{
    position: absolute;
    font-size:15px;
    margin-top:24px;
    margin-left: 40px;
}
.rolenamebox{
    position: absolute;
    width:250px;
    height:28px;
    border:1px solid #999;
    margin-top:20px;
    border-radius:5px;
    margin-left: 120px;
    text-align: center;
    font-size:15px;
}
.powerword{
    position: absolute;
    font-size:15px;
    margin-top:90px;
    margin-left: 40px;
    font-weight: 600;

}
.roletable{
    position: absolute;
    width:90%;
    margin-left: 5%;
    margin-top: 130px;
    border:1px solid #CCC;
    border-collapse:collapse;
}
.rolerow{
    text-align: center;
    height:50px;
    font-size:14px;
    color:#EC9D1A;
    font-weight: 600;
}
.rolerow>td{
    border:1px solid #CCC;
}
.rolerow1{
    text-align: center;
    height:50px;
    font-size:15px;
    color:#333;
}
.rolerow1>td{
    border:1px solid #CCC;
    font-size:14px;
    color:#666;
}
.submitpower{
    position: absolute;
    width:15%;
    height:35px;
    margin-top: 660px;
    border:0px solid white;
    background-color: rgba(20,100,200,1);
    color:white;
    margin-left:42.5%;
    cursor: pointer;
    border-radius:5px;
}
#charactername-error{
    position: absolute;
    margin-top:25px;
    margin-left:385px;
    font-size:15px;
    color:red;
}
.tishiall{
    width:100%;
    height:100%;
    position: fixed;
    z-index: 100;
    background-color: rgba(0,0,0,0.2);
    display: none;
}
.tishibox{
    width:250px;
    height:150px;
    margin:16% auto;
    background-color: rgba(255,255,255,1);
    border-radius:5px;
    border:1px solid #999;
}
.tishiph1{
    position: absolute;
    width:18px;
    height:18px;
    margin-left:61px;
    margin-top:32px;
}
.sucword{
    position: absolute;
    font-size:15px;
    width:200px;
    height:25px;
    margin-left:85px;
    margin-top:31px;
}
.queding{
    position: absolute;
    width:100px;
    height:35px;
    margin-top:90px;
    margin-left:75px;
    background-color:rgba(10,100,200,1);
    color:#FFF;
    cursor: pointer;
}
.roleph{
    width:20px;
    height:15px;
    position: absolute;
    margin-left:15px;
    margin-top:26px;
}
.roleph1{
    width:20px;
    height:20px;
    position: absolute;
    margin-left:105px;
    margin-top:90px;
}
.roleph2{
    width:15px;
    height:15px;
    position: absolute;
    margin-left:55px;
    margin-top:50px;
}
